.material {
    padding   : 20px 30px;
    box-sizing: border-box;

    .header {
        .header-title {
            font-size: 24px;
        }
    }

    .material_content {
        margin-top: 30px;

        .content_a,
        .content_b {
            margin-bottom: 40px;

            .sucai {
                width: 95%;

                div {
                    width        : 23%;
                    margin-right : 20px;
                    margin-bottom: 20px;

                    img {
                        width : 100%;
                        height: auto;
                    }

                    video {
                        width : 100%;
                        height: auto;
                    }
                }
            }
        }

        .content_b {
            img {
                height: auto !important;
            }
        }

        .content_a_title,
        .content_b_title {
            width       : 5%;
            font-size   : 24px;
            margin-right: 40px;
            text-align  : center;
        }
    }
}